﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>用户登录</title>
    <script>;(function(){var W=640,w=parseInt(window.screen.width),s=w/W,u=navigator.userAgent.toLowerCase(),m='<meta name="viewport" content="width='+W+',';if(/android (\d+\.\d+)/.test(u)){if(parseFloat(RegExp.$1)>2.3)m+='minimum-scale='+s+',maximum-scale='+s+',';}else{m+='user-scalable=no,';}m+='target-densitydpi=device-dpi">';document.write(m);}());</script>
    <link href="css/conference.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        /*html5*/
        article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
        .registerBox { padding: 50px 37px 0 37px;}
        .registerBox li { padding-left: 38px;border-bottom: 1px solid #e5e5e5!important;}

        .registerBox li span { left: 0;}
    </style>
    <!--[if lt IE 9]>
    <script type="text/javascript">
        var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
        var i= e.length;
        while (i--){
            document.createElement(e[i])
        }
    </script>
    <![endif]-->
</head>
<body>
    <div class="registerBox">
        <ul>
            <li>
                <span></span>
                <input  type="text" class="v_ipt" placeholder="输入邮箱/手机号">
            </li>
            <li>
                <span class="v_p"></span>
                <input type="password" class="v_ipt" placeholder="输入密码">
            </li>
        </ul>
        <p class="getBtn_SetUp mr_t_80" >登录</p>
        <p class="text-r regi_ps"><a href="#">忘记密码?</a> </p>
    </div>
    <div class="thirtyBox">
        <dl>
            <dt><span>使用其他账号登录</span></dt>
            <dd>
                <a href="#">
                    <p><img src="images/icon_wechat@2x.png"/> </p>
                    <span>微信</span>
                </a>
                <a href="#">
                    <p><img src="images/icon_qq@2x.png"/></p>
                    <span>QQ</span>
                </a>
                <a href="#">
                    <p><img src="images/icon_weibo@2x.png"/> </p>
                    <span>微博</span>
                </a>
            </dd>
        </dl>
    </div>
    <p class="reg_bot_Box" style="padding-top: 100px;">这些账号都没有，<a href="#">我要注册</a></p>
    <div class="tipsBox">请输入正确的手机号</div>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script>
        $(function(){

            $('.getBtn_SetUp').click(function(){
                $('.tipsBox').fadeIn(300).delay(3000).fadeOut();
            })
        })
    </script>
</body>
</html>